/* freekick general layout */

body {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;	
	margin: 0;
        padding: 0;
	height: 100%;
        width: 100%;
	color: #333;
        background-color: #fff;
}

div, ul, li, p, form {
        margin: 0;
        padding: 0;
}

input, select, textarea, button {font-size:11px;}

/* min-width hack *****/
	.width {
		width: 100%;
		min-width: 940px;
		margin: 0 auto;
		text-align: left;
		background-color: #fff;
	}
	* html .minwidth {
		border-left: 940px solid #fff;
	}
	* html .container {
		margin-left: -940px;
		position: relative;
	}
	/*\*/
	* html .minwidth, * html .container, * html .content {
		height: 1px;
	}
	/*/
	.width {
		display: inline-block;
	}
	/**/

/* END min-width hack *****/

/*
 * This makes the area to the right of the content green. Seems not too appreciated though.
.container { background-color: #12a111; }
#page-wrap { background-color: #fff; }
*/

#top-wrap{	
	width: 100%;
	min-width: 940px;	
	background-image: url(../img/bg_top.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	/*border-bottom:2px solid #222;*/
}
	#top-info{height:66px;}
	
	#logo{
		float:left;
		margin-right:150px;			
			height:62px;
			width:150px;			
			background-image: url(../img/logo_freekick.jpg);
			background-repeat: no-repeat;
			background-position: 30px center;	
			cursor:pointer;	
		}
        #top-banner{ 
                      float:left; color:#f00; font-size:30px; font-weight:bold;
        }
	#top-info{
		float:right;
		width:150px;
		margin-right:10px;
		font-size:10px;
		color:#FFFFFF;
		background-image: url(../img/bg_players_top.jpg);
		background-repeat: no-repeat;
		background-position: right 2px;
		padding-top:0px;
	}
		#top-info p{width:70px;text-align:right;padding-right:15px;margin-bottom:1px;line-height:12px; }
		#top-info .date{
			background-image: url(../img/date_top.gif);
			background-repeat: no-repeat;
			background-position: right center;
		}
		#top-info .clock{
			background-image: url(../img/clock_top.gif);
			background-repeat: no-repeat;
			background-position: right center;
		}
		#top-info .clock input{
                        width: 60px;
                        border: 0;
                        margin: 0;
                        padding: 0;
                        background-color: transparent;
                        color: #fff;
                        text-align:right;
	                font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
		        font-size: 10px !important;
		}
		#top-info .users{
			background-image: url(../img/user_top.gif);
			background-repeat: no-repeat;
			background-position: right center;
		}
		#top-info .online-users{background-image: url(../img/user_o_top.gif);
			background-repeat: no-repeat;
			background-position: right center;}
		#top-info .money{background-image: url(../img/money_top.gif);
			background-repeat: no-repeat;
			background-position: right center;}

/********   END TOP	 ************************************/		

/******************* the main part  ******/
#content-wrap{width:100%;clear:both;}


/************ left part       ****************/
#left-content {
	float: left;
	width: 170px;		
}
	#lang-select{
		position:relative;
		margin-right:10px;		
		background-image:url(../img/bg_lang_sel.jpg);
		background-repeat: repeat-x;
		background-position: right top;	z-index:200;			
                cursor: pointer;
	}
	#lang-select li span img{vertical-align:middle;}
	
	/*\*/
		* html #lang-select li{line-height:24px;padding-top:4px;}
	/**/
	
	#lang-select ul{		
		margin:0;padding:0;height:24px;
		padding-left:10px;list-style:none;
	}
	
	#lang-select .sel-lang{background:url(../img/sel_lang.gif)  center left no-repeat;padding-left:15px;}
	
	#lang-select .sel-country{padding-left:10px;}
	
        .sel-lang-flag { padding-right:8px; width:18px; height:12px; }
	
	
	ul#lang-select li{display: block;position:relative;z-index:400;}
	
		#lang-select ul ul{
			position: absolute;display:block;
			width:143px;padding:0;
			/*border:2px solid #ddd;*/
			top:15px;left:20px;			
			background-color:#f5f5f5;
			z-index:420;
		}
				
		#lang-select a{
			display: block;
			width:130px;
			margin:	0;color:#444;text-decoration:none;
			background-color:#f5f5f5;
			border: 1px solid #ddd;			
			padding: 2px 3px;padding-left:10px;
			overflow: auto; /*force hasLayout in IE7 */
		}
			
		#lang-select a:hover{background-color:#C2CFC3;color:#333}
		
		div#lang-select ul ul,	div#lang-select ul li:hover ul	ul, div#lang-select ul	ul li:hover ul ul{
			display: none;
		}

		div#lang-select ul li:hover ul, div#lang-select ul ul	li:hover ul, div#lang-select ul ul ul li:hover	ul{display: block;}


		
	/***** menu left   ********/
	#menu-left{
		width:170px;float:left;
		background-image:url(../img/menu_l_bg_up.jpg);
		background-repeat: repeat-x;
		background-position: left top;
		
	}
	#inner-menu{	
		background-image: url(../img/menu_l_bg_r.jpg);
		background-repeat: repeat-y;
		background-position: right top;padding-left:10px;
		padding-right:25px;
	}
	#menu-left2{
		width:170px;float:left;margin-top:10px;
		background-image:url(../img/menu_l_bg_up.jpg);
		background-repeat: repeat-x;
		background-position: left top;
	}
	#inner-menu2{	
		background-image: url(../img/menu_l_bg_r.jpg);
		background-repeat: repeat-y;
		background-position: right top;padding-left:10px;
		padding-right:25px;
	}
		#inner-menu2 ul{ list-style-type: none; padding-top:0; margin:0 2px; width: 140px}
		#inner-menu2 ul li{margin: 2px 0;padding: 0 0 2px;}
		#inner-menu2 ul li p{padding-left: 10px; font-size:11px; color:#444; border-left: 4px solid #090; font-weight:bold; cursor: pointer;}
		#inner-menu2 ul li p:hover{background-color: #f0f0f0;}
		
		#inner-menu2 div{margin:0 2px; padding:0;}
		#inner-menu2 div.status-left p{color:#171;}
		#inner-menu2 div.status-right p{cursor: pointer; font-weight:bold;}
		#inner-menu2 div.status-right p:hover{text-decoration: underline;}
        #inner-menu2 .greyed-out p{ font-weight:normal; color: #999; cursor: text;}
        #inner-menu2 .greyed-out p:hover{ text-decoration: none; background-color: #fff;}
		
        .status-left { float:left; font-size:11px; }
        .status-right { float:right;}
        .on {
                color:#0c0;;
        }
        .off {
                color:#c00;;
        }
		.title-menu-l{font-size:16px;color:#006600;padding-top:10px;padding-bottom:5px;font-weight:bold;}
		.menu-btm{
			background-image: url(../img/menu_l_bg_dwn.jpg);
			background-repeat: no-repeat;
			background-position: -20px bottom;
			height:18px;
		}
			
		#form-login{margin-bottom:5px;}
		#form-login input{border:1px solid #ddd; background-color:#FFFFFF;width:130px; font-size:10px;height:1.8em;}	
		#form-login ul{padding:0;margin:5px 0;list-style-type: none;}	
		#form-login li{padding-bottom:5px;}
		#form-login li label{font-size:10px;color:#006600;}
		#form-login	.submit{width:80px;border:1px solid #ddd;}
		#form-login input.login-submit{background-color:#eaeaea;border:1px solid #fff;color:#993300;font-weight:bold;width:80px;}
		#form-login input.login-submit:hover{background-color:#060;color:#fff;}
		.reg{background:url(../img/arrow_red.gif) center left no-repeat;padding-left:10px;}
		.reg a{color:#993300; font-size:11px;}
		.rem{margin-left:-10px;background:url(../img/arrow_red.gif) center left no-repeat;padding-left:10px;}
		.rem a{color:#993300; font-size:11px;}
		
	/** iframe hack for IE  **/
	.iframeMenu{position:absolute; top:0px; left:0px; display:none;z-index:100;}
	
	/*\*/
	* html .iframeMenu{background-color:transparent;}
	/**/
		
	/***** menu left   ********/

	#banner-left{
		width:160px;float:left;
	}
	
/************ end left part   ****************/	

 /************ right part   ****************/		
 #outer-content { 	
	margin-left: 170px;
 }
	
	#blue-bar{		
		background-image: url(../img/blue_bg_top_head.png);
		background-repeat: repeat-x;
		background-position: left bottom;
		color:#FFFFFF;
	}
	#blue-bar a{color:#FFFFFF;text-decoration:none;}
	#blue-bar a:hover{text-decoration:underline;}
	#blue-bar, #blue-nav, #blue-help{height:25px;}
	 	#blue-nav{
			background-image: url(../img/blue_crn_left.png);
			background-repeat: no-repeat;
			background-position: left bottom;
			float:left;			
			padding-left:25px;					
		}
		#blue-help{float:right;font-weight:bold;padding-right:20px;	}
		#lang-select, #blue-nav, #blue-help{line-height:20px;font-size:11px;}
		
	#main-green-wrap, #left-wrap{margin-top:10px;}
		
	#main-green-wrap{					
		float:right; 
		background-image: url(../img/bg_top.jpg);
		background-repeat: repeat-y;
		background-position: left top;
	}
		
		#green-round{	
			clear:both;
			margin:0;padding:0;
			background-image: url(../img/crn_green_tabs_left.jpg);
			background-repeat: no-repeat;
			background-position: left top;
			height:7px;			
		}
		/*\*/
		* html #green-round{margin-left:-3px;}
		/**/
		
	/*** the main tabs in the top ***/
		#main-tabs{margin-left:15px;}
		#main-tabs ul{list-style-type:none;margin:0;padding:0;}
		#main-tabs li{float:left;display:block;background-color:#FFFFFF;margin-right:5px;}
		#main-tabs li a {					
			text-decoration:none;
		}		
		#main-tabs li.tab-hidden{						
			padding:4px 10px;
			display:block;
			background-color: #f4f4f4;
			background-image: url(../img/tab_r.gif);
			background-repeat: no-repeat;
			background-position: right top;
			margin-bottom:1px;
		}		
		#main-tabs li.tab-hidden a {					
			color:#444;		
                        cursor: pointer;
		}		
		#main-tabs li.tab-hidden a:hover{text-decoration:underline;}
		#main-tabs li.tab-active{			
			background-image: url(../img/tab_sel_r.gif);
			background-repeat: no-repeat;
			background-position: right top;
                        font-size:12px;font-weight:bold;padding:5px 10px;}
		#main-tabs li.tab-active a {					
			color:#060;		
                        cursor:text;
		}		
		#main-tabs li.leftmost{}
	/*** END  main tabs in the top ***/
		
		#white-content{
			clear:both;
			background-color:#FFFFFF;margin-left:15px;margin-right:0;
			background-image: url(../img/white_tab_r_bg.jpg);
			background-repeat: repeat-y;
			background-position: right bottom;	
			/*width:750px;		*/
		}
                #main-content{margin:0 15px;}
			  
			.rigth-crn{
				margin:0;padding:0;
				background-image: url(../img/white_crn_tab_r.jpg);
				background-repeat: no-repeat;
				background-position: right top;
				height:18px;			
			}
			.btm-shadow{background-image: url(../img/bg_white_btm.jpg);
				background-repeat: no-repeat;
				background-position: left bottom;
				height:12px;
				margin-right:10px;			
			}

			.news-items { font-size:10px }				
			.news-title {
			  background-color:#f0f0f0;color:#930;
			  padding:4px 2px;margin:2px 0;font-size:10px;
			}
                        .news-date, .news-time { font-weight:bold;width:1%;} 
                        .news-time { padding-left:5px;} 
                        .news-cont { vertical-align:top;} 
                        .news-header a { font-weight:bold;color:#930;text-decoration:none;}
                        .news-header a:hover { text-decoration:underline; }
                        .news-edit { text-align:right; width:1%; }

			/*\*/
			* html .news{margin-right:-6px;}
			/**/	

			.guestbook { font-size:10px }				
                        .guestbook-title {
			  background-color:#f0f0f0; color:#060; font-weight:bold;
			  padding:4px 2px; margin:2px 0;
			}
                        .guestbook-content { padding:0 0 2px 2px; }
			.guestbook-comment {
			  padding:4px 2px; margin:2px 0; color:#060; font-weight:bold;
			}

		/*** 2 columns layout  ****/
		.col-1{float:left;width:45%;padding-right:23px;
			border-right:1px solid #ccc;
		}	
		.col-2{float:right;width:45%;}	
			
		/*** footer menu   ***/	
		
		#menu-footer{
			width:750px;		
			text-align:center;
			color:#FFFFFF;
			font-size:11px;
			margin:5px;
			padding-bottom:15px;
			line-height: 16px;			
		}
		#menu-footer a{color:#FFFFFF;text-decoration:none}
		#menu-footer a:hover{text-decoration:underline}
		#footer-tabs a{color:#fff;text-decoration:none}
		#footer-tabs span{background-image: url(../img/footer_tabs_del.gif);
                                  background-repeat: no-repeat;
				  background-position: left bottom;
				  margin-left:5px;
                                  padding-left:11px;}
		#footer-tabs span.tab-hidden a:hover{cursor:pointer;text-decoration:underline;}
		#footer-tabs span.tab-active{font-weight:bold;}
		#footer-tabs span.tab-active a:hover{text-decoration:none;cursor:text;}
		#footer-tabs span.leftmost{background-image: none;
				  margin-left:0px;
                                  padding-left:0px;}
		
		
    /************ end right part   ****************/	 
			  
			  /*** tables for front_page right part   ******/
			  .front-page-stat{margin-top:10px;}
			  table.right-stats{width:98%;border-collapse:collapse;font-size:10px;margin-top:3px;}
			  table.right-stats td{padding-left:5px;text-align:left;white-space:nowrap;}
			  table.right-stats th{padding-left:5px; background-color:#f0f0f0;height:16px;text-align:left;}
			  table.right-stats .first{width:65%;}
			  table.right-stats .second{text-align:right !important;}
			
			  .floating-row {padding-left:5px;white-space:nowrap;font-size:10px;padding-top:3px;padding-bottom:3px;}
			  .floating-row-header{padding-left:5px; background-color:#f0f0f0;height:16px;white-space:nowrap;font-size:10px;padding-top:3px;padding-bottom:3px;margin-top:3px;}
			  .floating-row .first, .floating-row-header .first {float:left;}
			  .floating-row .second, .floating-row-header .second {float:right; text-align:right;}

/******************* END main part  ******/

/************* the round box    ***/

/* Everything here about green and blue boxes was only used int he match report as far as I know,
   but I made another solution for it in match_report.css since this below didn'n work very well.
   So I suppose it can all be removed, but I'm not 100% sure. */
.green-box, .blue-box{
	/*position: relative; /* needed for IE */	
	margin: 5px 0;
	z-index:10;
}
.green-box .top-left, .green-box .top-right, .green-box .bottom-left, .green-box .bottom-right { 
	background-image: url(../img/green_box.gif); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
}
	
	
.top-left, .bottom-left { 
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right, .bottom-right { 
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left  { 
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right { 
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.green-box .inside {
	clear:both;
	color: #fff;        			    /* YCC: default text-color of the inside */
	background-color:#006600;	     
	padding:0 10px;            /* YCC: all texts at some distance of the left border */
	}
	
.notopgap    { margin-top: 0;}    /* DNC: to avoid splitting of the box */
.nobottomgap {clear:both; margin-bottom: -1px; padding-bottom: 1px; } /* DNC: to avoid splitting of the box */

/*** blue one  **/

.blue-box .top-left, .blue-box .top-right, .blue-box .bottom-left, .blue-box .bottom-right { 
	background-image: url('../img/blue_box.gif'); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}


.blue-box .inside-box {	
	clear:both;
	color: #fff;        			    /* YCC: default text-color of the inside */
	background-color:#0066CC;	     
	padding:1px 10px;    
	         /* YCC: all texts at some distance of the left border */
}

/*** blue round box   ***/
.blue-round {	
	width:100%;	
	background-color: #06C;
	color: #fff;
}

.blue-round .roundtop { 
	background: url(../img/crn_tr_blue.gif) no-repeat top right; 
}

.blue-round .roundbottom {
	background: url(../img/crn_br_blue.gif) no-repeat top right; 
}

/*** green round box  ***/
.green-round {	
	background-color: #060;
	color: #fff;
}

.green-round .roundtop { 
	background: url(../img/crn_tr_green.gif) no-repeat top right; 
}

.green-round .roundbottom {
	background: url(../img/crn_br_green.gif) no-repeat top right; 
}


/*** ********************/
.inner-round{
	margin: 0 10px;
}
img.corner {
   width: 5px;
   height: 5px;
   border: none;
   display: block !important;
}
.flag { 
  border:1px solid #000;
  width: 18px;
  height:12px;
}
.flag-square { 
  width: 12px !important;
  margin-left: 3px;
  margin-right: 3px;
}
.hidden { display:none !important; }
.loaded { }
.none { }
.plain-list, .plain-dotted-list, .plain-spaced-list {
  list-style:none;
}
.plain-dotted-list li {
	background-image:url(../img/dots_grey.gif);
	background-repeat: repeat-x;
	background-position: left top;
        padding:2px 0 0 5px;
        margin:1px 0;
}
.plain-spaced-list li {
	padding-left:5px;
        padding-top:3px;
}
.column-l, .column-r { width:48%; }
.column-l { float:left; }
.column-r { float:right; }
.player-column-l { float:left; width:22%;}
.player-column-c { float:left; width:22%;}
.player-column-r { float:right; width:51%;}
.transfer-column-l { float:left; width:28%;}
.transfer-column-c { float:left; width:5%;}
.transfer-column-r { float:left; width:45%;}
.cc-search-l { float:left; width:28%;}
.cc-search-c { float:left; width:5%;}
.cc-search-r { float:left; width:50%;}
.cc-new-l { float:left; width:50%;}
.cc-new-c { float:left; width:5%;}
.cc-new-r { float:left; width:45%;}

.transfer-navigator tr td {
  padding-right:5px;
}
.transfer-navigator tr td a {
  text-decoration:none;
}		
.transfer-navigator tr td a {					
  cursor: pointer;
}		
.transfer-navigator tr td a:hover{
  text-decoration:underline;
}
.transfer-navigator tr td a.current {
  color:#000;
  cursor: text;
}		
.transfer-navigator tr td a.current:hover {
  text-decoration:none;
}	